export const containerVariants = {
    hidden: { opacity: 0 },
    visible: {
      opacity: 1,
      transition: {
        staggerChildren: 0.1, // 子元素之间的延迟时间
        delayChildren: 0.2,   // 容器显示后到第一个子元素显示的延迟
      }
    }
  };
  
// 定义子项动画
export const itemVariants = {
    hidden: { 
      opacity: 0, 
      x: -20,
      scale: 0.8 
    },
    visible: { 
      opacity: 1, 
      x: 0,
      scale: 1,
      transition: {
        type: "spring",
        stiffness: 300,
        damping: 24
      }
    },
    exit: { 
      opacity: 0, 
      x: -20,
      scale: 0.8,
      transition: { 
        duration: 0.2 
      }
    }
};